.tooltip-container {
    position: relative;
    display: inline-block;
}

.tooltip-container ::deep .tooltip {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tooltip-container ::deep .tooltip .tooltip-arrow {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.tooltip-container ::deep .tooltip .tooltip-inner {
    width: max-content;
}

.tooltip-container ::deep .tooltip.bs-tooltip-top {
    flex-direction: column-reverse;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.tooltip-container ::deep .tooltip.bs-tooltip-bottom {
    flex-direction: column;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.tooltip-container ::deep .tooltip.bs-tooltip-start {
    flex-direction: row-reverse;
    left: 0;
    top: 50%;
    transform: translate(-100%, -50%);
}

.tooltip-container ::deep .tooltip.bs-tooltip-end {
    flex-direction: row;
    right: 0;
    top: 50%;
    transform: translate(100%, -50%);
}